.nav-container {
  width: 100%;
  height: 70px;
  position: fixed;
  top: 0;
  background-color: #fff;
  border-bottom: 1px solid rgba(175, 175, 175, .2);
  z-index: 99999;
  transition: background 0.6s;
}
.nav-container:hover {
  /* background-color: #171d3c !important; */
}
.nav-container .nav-content {
    height: 100%;
    padding: 0 0.72rem;
    display: flex;
    position: relative;
}
.nav-container .nav-content .logo-btn {
  float: left;
  height: 60px;
  padding-top: 5px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding-left: 2%; */
}
.nav-container .nav-content .login-mobile {
  display: none; 
}
.nav-container .nav-content .logo-btn img {
  height: 100%;
  float: left;
  height: 35px;
}
.nav-container .nav-content .right-box {
  position: absolute;
  right: 0.72rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: .16rem;
}
.nav-container .nav-content .right-box .icon {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  margin-top: -2px;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 28px;
}
.nav-container .nav-content .right-box .icon.weixin{
    margin-left: 0.52rem;
}
.nav-container .nav-content .right-box .icon .dianhua-hover {
  display: none;
}
.nav-container .nav-content .right-box .icon .dianhua-hover, .nav-container .nav-content .right-box .icon .wenxin-hover {
  display: none;
  position: absolute;
  top: 58px;
  right: 100px;
  transition: all 0.6s;
}

.nav-container .nav-content .right-box .icon .wenxin-hover {
  right: -50px;
}
.nav-container .nav-content .right-box .icon.dianhua {
  background-image: url(/static/images/dianhua.png);
}
.nav-container .nav-content .right-box .icon.weixin {
  background-image: url(/static/images/weixin.png);
}
.nav-container .nav-content .right-box .icon.dianhua:hover {
  background-image: url(/static/images/dianhua-h.png);
}

.nav-container .nav-content .right-box .icon.dianhua:hover .dianhua-hover {
  display: block;
}
.nav-container .nav-content .right-box .icon.weixin:hover {
  background-image: url(/static/images/weixin-h.png);
}
.nav-container .nav-content .right-box .icon.weixin:hover .wenxin-hover {
  display: block;
}
.nav-container .nav-content .nav-box {
  float: left;
  margin-left: 4vw;
  font-size: .16rem;
  margin: 0 auto;
  width: 1200px;
}
.nav-container .nav-content .nav-box .class-a {
  text-decoration: none;
  color: #303133;
  padding: 0 .3rem;
  position: relative;
  display: inline-block;
  height: 70px;
  line-height: 70px;
  font-size: .16rem;
  transition: all 0.6s;
  position: relative;
  cursor: pointer;
}
.nav-container .nav-content .nav-box .class-a:hover,.nav-container .nav-content .nav-box .class-a.active {
  color: #15acfd;
  /* background-color: #212748; */
}
.nav-container .nav-content .nav-box .class-a:hover p {
  color: #eee;
}
.nav-container .nav-content .nav-box .class-a:hover .hover-box {
  display: block;
}
.nav-container .nav-content .nav-box .class-a.active::after {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 3px solid #15acfd;
  bottom: 0;
  left: 0;
}
.nav-container .nav-content .nav-box .class-a .hover-box {
  position: absolute;
  display: none;
  top: 70px;
  left: 0;
  background-color: #fff;
  cursor: auto;
  border-top: 1px solid rgba(175, 175, 175, .2);
  min-width: 100%;
}
.nav-container .nav-content .nav-box .class-a .hover-box .class-b{
  text-align: center;
  color: #333;
  display: block;
  width: 100%;
  font-size: .16rem;
  line-height: 50px;
  /* border-bottom: 1px solid rgba(175, 175, 175, .2); */
}
.nav-container .nav-content .nav-box .class-a .hover-box .class-b:hover {
  color: #15acfd;
}
.nav-container .nav-content .nav-box .class-a .hover-box .hover-nav-list {
  float: left;
  min-width: 160px;
  text-align: center;
  padding-bottom: 10px;
}
.nav-container .nav-content .nav-box .class-a .hover-box .hover-nav-list a {
  color: #fff;
  padding-bottom: 20px;
  font-size: .16rem;
  position: relative;
  text-decoration: none;
}
.nav-container .nav-content .nav-box .class-a .hover-box .hover-nav-list a:hover {
  color: #15acfd;
}
.nav-container .nav-content .nav-box .class-a .hover-box .hover-nav-list a::after{
  content: '';
  width: .28rem;
  position: absolute;
  left: calc(50% - .14rem);
  border-bottom: 4px solid #15acfd;
  bottom: 0;
}
.nav-container .nav-content .nav-box .class-a .hover-box .hover-nav-list .classCList {
  color: #fff;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: .16rem;
  cursor: pointer;
}
.nav-container .nav-content .nav-box .class-a .hover-box .hover-nav-list .classCList:hover{
  color: #15acfd;
}
.nav-container .nav-content .nav-box .class-a .hover-box .hover-nav-list .classCList:nth-of-type(1) {
  margin-top: 10px;
}



/* 手机导航 */
.mc{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
}
.mobile-nav-box, .menu-btn{
  display: none;
}
.menu-btn {
  height: 20px;
  /* margin-top: 20px; */
  margin-right: 20px;
}
.menu-btn img{
  height: 100%;
}
/* .mobileHeadRx{ float:right;position: relative;cursor:pointer;margin-right: 50px;}
.mobileHeadRx:after{content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #333; position:absolute; right:-10px; top:50%; transform:translateY(-50%); transition:all 0.5s ease-out;}
.mobileLanList:before{content:""; width:0; height:0;  border-left:8px solid #f9f9f9; border-right:8px solid #f9f9f9; border-bottom:8px solid #fff ; position:absolute; left:50%; top:-8px; margin-left:-8px; }
.mobileLanList{ position:absolute; width:112px; top:80px; left:50%; transform:translateX(-50%); transition:all 0.5s ease-in-out; opacity:0; visibility:hidden;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.mobileLanList.on{visibility:visible; opacity:1;}
.mobileRegList:before{content:""; width:0; height:0; border-left: 8px solid #f6f6f9;
    border-right: 10px solid #f6f6f9;
    border-bottom: 8px solid #ffffff;
    position: absolute;
    left: 81.5%;
    top:-8px; margin-left:-8px;}
.mobileRegBox{ background: url(../image/region.png) no-repeat center center; height: 118px; width: 22px; float: left; margin-right: 38px; transition:all 0.5s ease-out; position:relative; cursor:pointer; transition:all 0.5s ease-in-out; }
.mobileRegBox:after{content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #333; position:absolute; right:-18px; top:50%; transform:translateY(-50%); transition:all 0.5s ease-out;}
.mobileRegBox.on:after{ transform:translateY(-50%) rotate(180deg); -webkit-transform:translateY(-50%) rotate(180deg); -moz-transform:translateY(-50%) rotate(180deg); -ms-transform:translateY(-50%) rotate(180deg); -o-transform:translateY(-50%) rotate(180deg); }
.mobileLan_a{ height:30px; display:block; text-align:center; background:#fff; color:#000!important; line-height:30px;}
.mobileLan_a:hover{ height:30px; display:block; text-align:center; background:#fff; color:#000!important; line-height:30px;background-color: #f8f8f8;}
.lanChange{ background: url(../images/top_i1a.png) no-repeat center center; height: 62px; width: 22px; float: right; margin-right: 15px; transition:all 0.5s ease-out;   transition:all 0.5s ease-in-out; } */
.mobile-nav-box{
  position: fixed;
  right: -100%;
  height: 100%;
  width: 70%;
  background-color: #171d3c;
  color: #fff;
  overflow: auto;
  font-size: 16px;
}
.mobile-nav-box .nav-a-box{
  min-height: 50px;
  line-height: 50px;
  text-indent: 10%;
  border-bottom: 1px solid #323960;
  position: relative;
}
.nav-a-box .jt{
  float: right;
  width: 16px;
  margin: 20px 20px;
}
.mobile-nav-box .nav-b-list{
  min-height: 50px;
  line-height: 50px;
  border-top: 1px solid #323960;
  background-color: #1e2447;
}
.mobile-nav-box .nav-c-list{
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #323960;
  background-color: #262c50;
}
.nav-list-box{
  display: none;
}
.nav-info{
  display: none;
  position: fixed;
  left: 0;
  top: 70px;
  width: 100%;
  height: 410px;
  background-color: #fff;
  z-index: 999999 !important;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
}
.info-content{
  width: 1200px;
  margin: 0 auto;
}
.info-content .list-content{
  justify-content: space-around;
}
.info-content li{
  color: #333;
  font-size: 16px;
  cursor: pointer;
}
.info-content li{
  min-width: 15%;
}
.info-content li.equipment-wrap{
  width: 45%;
}
.info-content li.mlink{
  width: 45%;
}
.info-content li ul {
  width: 100%;
}
.info-content li.list-item ul li{
  width: 100%;
  margin-bottom: 20px;
}
.info-content li.list-item>ul li.name:hover{
  color: #15acfd;
}
.info-content li.title{
  padding: 30px 0 16px;
  font-size: 20px;
  color: #000;
  border-bottom: 1px solid #eee;
}
.info-content li.title.mlink{
  border-bottom: none;
  padding: 30px 0 14px;
}
.info-content .line{
  width: 1px;
  height: 250px;
  margin-top: 20px;
  background: #333;
}
.equipment-wrap{
  width: 420px;
}
.equipment-wrap ul .equipment-list{
  width: 80% !important;
  margin: 0 auto !important;
  margin-bottom: 30px !important;
}
.equipment-wrap .title{
  text-align: center;
}
.equipment{
  align-items: center;
}
.equipment img{
  margin-bottom: 5px;
}
.equipment-list{
  margin-bottom: 30px !important;
  justify-content: space-between;
}
.equipment-list .equipment:hover span{
  color: #15acfd;
}
.open-plat{
  align-items: flex-start;
}
.open-plat p{
  margin-top: 28px;
}
.info-content li.list-item>ul li.nav-btn-title:hover{
  color: #15acfd;
}

.toMinLink{
  color: inherit;
}

.headRx{   float:right;position: relative;cursor:pointer;margin-right: 50px;}
.headRx_a{ margin-right: 38px; font-size: 18px; line-height: 118px; text-transform: uppercase; color:#666; float:left; transition:all 0.5s ease-in-out; }
.lanBox{ background: url(../images/language-.png) no-repeat center center;background-size: 27px 27px; height: 118px; width: 22px; float: left; margin-right: 10px; transition:all 0.5s ease-out;   transition:all 0.5s ease-in-out; }
.headRx:after{content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #333; position:absolute; right:-10px; top:50%; transform:translateY(-50%); transition:all 0.5s ease-out;}
.lanBox.on:after{ transform:translateY(-50%) rotate(180deg); -webkit-transform:translateY(-50%) rotate(180deg); -moz-transform:translateY(-50%) rotate(180deg); -ms-transform:translateY(-50%) rotate(180deg); -o-transform:translateY(-50%) rotate(180deg); }
.regBox{ background: url(../image/region.png) no-repeat center center; height: 118px; width: 22px; float: left; margin-right: 38px; transition:all 0.5s ease-out; position:relative; cursor:pointer; transition:all 0.5s ease-in-out; }
.regBox:after{content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #333; position:absolute; right:-18px; top:50%; transform:translateY(-50%); transition:all 0.5s ease-out;}
.regBox.on:after{ transform:translateY(-50%) rotate(180deg); -webkit-transform:translateY(-50%) rotate(180deg); -moz-transform:translateY(-50%) rotate(180deg); -ms-transform:translateY(-50%) rotate(180deg); -o-transform:translateY(-50%) rotate(180deg); }
.lanList:before{content:""; width:0; height:0;  border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff ; position:absolute; left:50%; top:-8px; margin-left:-8px; }
.regList:before{content:""; width:0; height:0; border-left: 8px solid #f6f6f9;
    border-right: 10px solid #f6f6f9;
    border-bottom: 8px solid #ffffff;
    position: absolute;
    left: 81.5%;
    top:-8px; margin-left:-8px;}
.lanBoxRight{ display: block; float:right; line-height: 118px; margin-right:10px; position: relative; font-size: 16px;}
.lanList{  position:absolute; width:112px; top:90px; left:50%; transform:translateX(-50%); transition:all 0.5s ease-in-out; opacity:0; visibility:hidden;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.lanList.on{visibility:visible; opacity:1;}
/* .headRx:hover .lanList{ display: block !important; } */
.lan_a{ height:30px; display:block; text-align:center; background:#fff; color:#000!important; line-height:30px;}
.lan_a:hover{ height:30px; display:block; text-align:center; background:#fff; color:#000!important; line-height:30px;background-color: #f8f8f8;}
.lanBackground{color: red;}
@media (max-width: 800px){
  .mobile-nav-box, .menu-btn{
    display: block;
  }
  .menu-btn {
    margin-right: 0;
}
  .nav-container .nav-content {
    padding: 0 0.3rem 0 0.1rem;
}
  .nav-container{
    height: 60px !important;
  }
  .nav-container .nav-content .logo-btn {
    height: 50px;
    padding-top: 5px;
  }
    .index-container{
    padding-top: 60px;
  }
  .nav-container .nav-content .right-box .icon{
    display: none;
  }
  .lanBoxRight{
    display: none;
  }
  .headRx{
    margin-right: 10px;
  }
  .cor_bs{
    font-size: 1.5em;
  }
  .cor_as{
    font-size: 1.5em;
  }
  .cor_
  .lanBox{
    height: 28px;
    width: 26px;
  }
  .headRx{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
  .headRx:after{
    display: none;
  }
  .lanList{
    top: 89px;
  }
}